<style>
body{
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}
table{
	width:190mm;
	font-size:10pt;
}
table tr td{
	padding:5px;
	border-bottom:1px solid #555;
	border-right:1px solid #ccc;
	vertical-align:top;
}
table tr.head td{
	font-weight:bolder;
	border-bottom:3px double #555;
	border-right:none;
}
table tr td[onclick]{
	cursor:pointer;
}
table tr td[onclick]:hover{
	background:#ccc;
}
#edittext{
	width:300px;
	position:absolute;
	display:none;
	border:1px outset #ccc;
	padding:5px;
	background:#ccc;
}
#edittext textarea{
	width:300px;
	height:200px;
}
</style>
<div id="edittext">
<textarea></textarea>
<input type="button" value="<< save" onclick="this.parentNode.obj.innerHTML=this.previousSibling.previousSibling.value.replace(/\r*\n/g,'<br />')+'&nbsp;'; this.parentNode.style.display='none'; " />
<input type="button" value="cancel" onclick="this.parentNode.style.display='none'" />
</div>
<table cellspacing="0">
	<tr class="head">
		<td>šifra</td>
		<td>naziv</td>
		<td>adresa</td>
		<td>delatnosti</td>
		<td>komentar</td>
	</tr>
	{{%loop start komid}}
	<tr>
		<td width="5%">{{$komid}}</td>
		<td>{{$komname}}</td>
		<td width="30%">{{$komadresa}}</td>
		<td style="font-size:8pt;">{{$komdels}}</td>
		<td style="font-size:8pt;" onclick="var et=document.getElementById('edittext'); et.style.left=(this.offsetLeft+this.offsetWidth+5)+'px'; et.style.top=(this.offsetTop)+'px'; et.style.display=(et.style.display=='block')?(et.obj!=this)?'block':'none':'block'; et.obj=this; var t=et.childNodes[1]; t.value=this.innerHTML.replace(/&amp;nbsp;/g,''); t.value=t.value.replace(/<br\s*\/*>/g,'\n'); t.focus();">{{$komkom}}</td>
	</tr>
	{{%loop end}}
</table>